.address-book{
  .group{
    padding-left: 0.13rem;
    padding-top: .02rem;
    line-height: .24rem;
    font-size: .17rem;
    color: #929292;
    background: #d9d9d9;
  }
  
  ul{
    margin-bottom: 0;
  }
  
  li{
    padding: 0.1rem .1rem .1rem .13rem;
  }
  
  a{
    width: .6rem;
    line-height: .21rem;
    font-size: .145rem;
    margin-right:.12rem;
    float: right;
    border: 1px solid;
  }

  .person-name{
    position: relative;
    bottom: -.08rem;
    display: block;
    max-width: 1.2rem;
    font-size: .17rem;
    color: #222;
  }

  .flex-box-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
  }

  .mui-btn{
    padding: .06rem 0;
    margin: 0 0 0 .12rem;
  }

  .name{
    padding: 0 !important;
    margin-left: .45rem;
  }

  .check-box{
    position: absolute;
    top: 8px;
    left: 20px;
    display: inline-block;
    width: 28px;
    height: 26px;
    border: 0;
    outline: 0 !important;
    background-color: transparent;
    -webkit-appearance: none;

    &:before{
      content: '\e411';
      font-family: Muiicons;
      font-size: 28px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
      color: #aaa;
      border-radius: 0;
      background: 0 0;
      -webkit-font-smoothing: antialiased;
    }

    &.on-check{
      &:before{
        content: '\e442';
        color: #2ca352;
      }
    }
  }

}

